// 
// dropdown.scss
//

.dropdown-menu {
    box-shadow: $shadow;
}


// Dropdown Animated (Custom)
.dropdown-menu-animated {
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: all 300ms ease;
    margin-top: 20px !important;
}

.show {
    > .dropdown-menu {
        visibility: visible;
        opacity: 1;
        margin-top: 0 !important;
    }
}


// Dropdown Large (Custom)
.dropdown-lg {
    width: $dropdown-lg-width;
}

@include media-breakpoint-down(sm) {
    .dropdown-lg {
        width: 200px !important;
    }
}


// Dropdown arrow hide
.arrow-none {
    &:after {
        display: none;
    }
}